Chrome 73开发者工具更新，前端调试福音

前言

英文链接：https://developers.google.com/web/updates/2019/01/devtools。其实这已经是很早之前的更新了，不过最近才升级了电脑的谷歌，发现有这么好用的功能，这次更新添加了日志点这个概念。以前前端如果要调试打印某一个属性值就得去代码里加入cosole.log()，或者需要在一个方法执行前输出一些内容就需要去修改代码，本地环境还好说，如果是线上环境就不行。

日志点

添加日志点的步骤：

1. 右键点击你想要加日志的行号
2. 选择“添加日志点”（Add logpoint…）将弹出断点编辑器
3. 在断点编辑器中输入你想记录的表达式
4. 按回车或在断点编辑器外点击以保存。行号上会有颜色的标识符
   下一次运行到这一行的时候，将在console上打印日志点表达式的值。

ps:因作者能力有限，有错误的地方请见谅

• 喜欢这篇文章的话可以用快捷键 Ctrl + D 来收藏本页

最后更新： 2023年09月06日 16:20

原始链接： https://blog.hdqyf.club/2023/09/06/20230906-Chrome 73开发者工具更新，前端调试福音/

Garen

赏

× 请我吃糖~